import React, { Component } from 'react'
/*
  完成计数器功能
  有状态组件(类组件)使用的数据的步骤
  1、定义数据
  定义数据有两种写法
  (1)在构造函数中定义
   constructor(){
    this.state={
      count:0
    }
  }
  (2)在类中定义状态数据
  state={
    count:0
  }
  2、在组件中访问状态数据
*/
export default class App extends Component {
  // constructor(){
  //   this.state={
  //     count:0
  //   }
  // }
  state={
    count:0
  }
  increment=()=>{
   //this.state.count=this.state.count+1  这只一种错误的写法
  //  this.setState({
  //   count:this.state.count+1
  //  })
  this.setState(()=>{
    return{
      count:this.state.count+1
    }
  })
  }
  render() {
    // let {count}=this.state
    return (
      <div>
        <h2>{this.state.count}</h2>
        <button onClick={()=>{this.increment()}}>+</button>
      </div>
    )
  }
}
